<!DOCTYPE html>
<html lang="en">
  <head>
    <base href="/" />

    <meta charset="UTF-8" />
    <meta content="IE=Edge" http-equiv="X-UA-Compatible" />
    <meta name="description" content="Take a photo in the I/O Photo Booth with your favorite Google Developer Mascots! Built with Flutter & Firebase for Google I/O 2021.">

    <meta property="og:description" content="Take a photo in the I/O Photo Booth with your favorite Google Developer Mascots! Built with Flutter & Firebase for Google I/O 2021.">
    <meta property="og:title" content="Google I/O Photo Booth">
    <meta property="og:url" content="https://photobooth.flutter.dev">
    <meta property="og:image" content="https://firebasestorage.googleapis.com/v0/b/io-photobooth-dev.appspot.com/o/public%2Fphotobooth-metadata-image.jpeg?alt=media">

    <meta name="twitter:text:title" content="Google I/O Photo Booth">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Google I/O Photo Booth">
    <meta name="twitter:description" content="Take a photo in the I/O Photo Booth with your favorite Google Developer Mascots! Built with Flutter & Firebase for Google I/O 2021.">
    <meta name="twitter:image" content="https://firebasestorage.googleapis.com/v0/b/io-photobooth-dev.appspot.com/o/public%2Fphotobooth-metadata-image.jpeg?alt=media">

    <!-- iOS meta tags & icons -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-title" content="I/O Photo Booth" />
    <link rel="apple-touch-icon" href="icons/Icon-192.png" />

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="favicon.png" />

    <title>I/O Photo Booth</title>

    <script>
      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer','GTM-ND4LWWZ');
    </script>
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-67589403-1', 'auto');
      ga('send', 'pageview');
    </script>
    <script src="/__/firebase/8.4.1/firebase-app.js"></script>
    <script src="/__/firebase/8.4.1/firebase-auth.js"></script>
    <script src="/__/firebase/8.4.1/firebase-storage.js"></script>
    <script src="/__/firebase/8.4.1/firebase-performance.js"></script>
    <script src="/__/firebase/init.js"></script>
    <style>body,html{padding:0;margin:0;width:100%;height:100%;background:linear-gradient(#cfcfcf,#fff)}body{display:flex;justify-content:center;align-items:center;}</style>
    <style>.MuiCircularProgress-root{display:inline-block}.MuiCircularProgress-static{transition:transform .3s cubic-bezier(.4,0,.2,1) 0s}.MuiCircularProgress-indeterminate{animation:MuiCircularProgress-keyframes-circular-rotate 1.4s linear infinite}.MuiCircularProgress-determinate{transition:transform .3s cubic-bezier(.4,0,.2,1) 0s}.MuiCircularProgress-colorPrimary{color:#3f51b5}.MuiCircularProgress-colorSecondary{color:#f50057}.MuiCircularProgress-svg{display:block;animation:loading_animation 1.4s infinite}.MuiCircularProgress-circle{stroke:currentColor}.MuiCircularProgress-circleStatic{transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1) 0s}.MuiCircularProgress-circleIndeterminate{animation:MuiCircularProgress-keyframes-circular-dash 1.4s ease-in-out infinite;stroke-dasharray:80px,200px;stroke-dashoffset:0}.MuiCircularProgress-circleDeterminate{transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1) 0s}@keyframes MuiCircularProgress-keyframes-circular-rotate{0%{transform-origin:50% 50%}100%{transform:rotate(360deg)}}@keyframes MuiCircularProgress-keyframes-circular-dash{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.MuiCircularProgress-circleDisableShrink{animation:none}@keyframes loading_animation{0%{color:#4285f4}25%{color:#ea4335}50%{color:#f9bb2d}75%{color:#34a853}}</style>
  </head>
  <body >
    <div id="loading-indicator" style="width: 60px; height: 60px;" role="progressbar" class="MuiCircularProgress-root MuiCircularProgress-colorPrimary MuiCircularProgress-indeterminate"><svg viewBox="22 22 44 44" class="MuiCircularProgress-svg"> <circle cx="44" cy="44" r="20.2" fill="none" stroke-width="3.6" class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate"></circle></svg></div>
    <script>      
      // Initialize Performance Monitoring.
      firebase.performance();
      // Pre-fetch key assets.
      var assets = [
        "assets/assets/backgrounds/photobooth_background.jpg",
        "assets/assets/audio/camera.mp3",
        "assets/assets/images/android.png",
        "assets/assets/images/dash.png",
        "assets/assets/images/sparky.png",
        "assets/assets/images/dino.png",
        "assets/assets/images/android_spritesheet.png",
        "assets/assets/images/dash_spritesheet.png",
        "assets/assets/images/sparky_spritesheet.png",
        "assets/assets/images/dino_spritesheet.png",
        "assets/assets/images/photo_frame_spritesheet_landscape.jpg",
        "assets/assets/images/photo_frame_spritesheet_portrait.png",
        "assets/assets/images/photo_indicator_spritesheet.png",        
      ].map(function (asset) {
        return fetch(asset).catch(function (e) {
          console.warn(e);
        });
      });
    </script>
    <script src="main.dart.js"></script>
  </body>
</html>
